.recommend {
  .content-main {
    padding: 10px 20px;
    .list {
      width: 65%;
      display: flex;
      font-size: 15px;
      text-align: center;
      margin-bottom: 30px;
      li {
        padding: 13px 20px;
        color: #969696;
        font-size: 15px;
        width: calc(100% / 3);
        position: relative;
        a:visited {
          color: #969696;
        }
        i {
          margin-right: 6px;
        }
        a:after {
          content: "";
          width: 100%;
          height: 2px;
          // opacity: 0;
          background: #646464;
          position: absolute;
          left: 0px;
          bottom: 0px;
          transform: scale(0);
          transition: 0.5s ease;
        }
        a:hover {
          color: #535353;
        }
        a:hover:after {
          transform: scale(0.8);
        }
        // action
        .action:visited {
          color: #535353 !important;
        }
        .action::after {
          transform: scale(0.8);
        }
      }
    }
  }
}
